<template>
	<view>
		<uni-group style="color: hotpink;" title="马应霞" mode="card">
			<view>马应霞</view>
			<view> 2</view>
			<view>3 </view>
			<view> 4 </view>
		</uni-group>

		<uni-group style="color: deepskyblue;" title="朱哲宇" mode="card">
			<view>朱哲宇</view>
			<view> 2</view>
			<view> 3 </view>
			<view> 4 </view>
		</uni-group>

		<uni-group style="color: orange;" title="兰飞" mode="card">
			<view>兰飞</view>
			<view> 2 </view>
			<view> 3 </view>
			<view> 4 </view>
		</uni-group>
	</view>
</template>

<script setup>

</script>

<style lang="scss">
uni-group {
  width: 80%;
  margin: 15px auto;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 15px;
  font-family: Arial, sans-serif;
}

uni-group::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  margin-bottom: 10px;
}

uni-group title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

uni-group view {
  font-size: 16px;
  color: #666;
  margin-bottom: 5px;
}
</style>